@/*
  优惠券模板
@*/

<script type="text/template" id="itemTicketTemplate1">

<div class='vBox'  name="ticketItem">
    <div class='vBox__left classify__leftBg__new'>
        <div class='vBox__left__triangle classify__triangle__new'>
            <div class='vBox__left__triangle__content' name="discountWayName">^discountWayName^</div>
        </div>
        <div class='vBox__left__titleOne'>
            <div class='vBox__left__titleOne__icon' name="isRmb">^isRmb^</div>
            <div class='vBox__left__titleOne__price' name="moneyOff">^moneyOff^</div>
        </div>
    </div>
    <div class='vBox__right'>
        <div class='vBox__right__titleOne'><span name="catalogName" class="classify classify__new">^catalogName^</span>&nbsp;<span  name="name">^name^</span></div>
        <div class='vBox__right__titleTwo' name="indate">^indate^</div>
        <div class='vBox__right__line'></div>
        <div class='vBox__right__titleDesc' name="intro">^intro^</div>
    </div>

</div>
</script>

<script type="text/template" id="itemTicketTemplate2">

    <div class='vBox'  name="ticketItem"  >
        <div class='vBox__left classify__leftBg__second'>
            <div class='vBox__left__triangle classify__triangle__second'>
                <div class='vBox__left__triangle__content' name="discountWayName">^discountWayName^</div>
            </div>
            <div class='vBox__left__titleOne'>
                <div class='vBox__left__titleOne__icon' name="isRmb">^isRmb^</div>
                <div class='vBox__left__titleOne__price' name="moneyOff">^moneyOff^</div>
            </div>
        </div>
        <div class='vBox__right'>
            <div class='vBox__right__titleOne'><span name="catalogName" class="classify classify__second">^catalogName^</span>&nbsp;<span  name="name">^name^</span></div>
            <div class='vBox__right__titleTwo' name="indate">^indate^</div>
            <div class='vBox__right__line'></div>
            <div class='vBox__right__titleDesc' name="intro">^intro^</div>
        </div>

    </div>
</script>

<script type="text/template" id="itemTicketTemplate3">

    <div class='vBox'  name="ticketItem"  >
        <div class='vBox__left classify__leftBg__upkeep'>
            <div class='vBox__left__triangle classify__triangle__upkeep'>
                <div class='vBox__left__triangle__content' name="discountWayName">^discountWayName^</div>
            </div>
            <div class='vBox__left__titleOne'>
                <div class='vBox__left__titleOne__icon' name="isRmb">^isRmb^</div>
                <div class='vBox__left__titleOne__price' name="moneyOff">^moneyOff^</div>
            </div>
        </div>
        <div class='vBox__right'>
            <div class='vBox__right__titleOne'><span name="catalogName" class="classify classify__upkeep">^catalogName^</span>&nbsp;<span  name="name">^name^</span></div>
            <div class='vBox__right__titleTwo' name="indate">^indate^</div>
            <div class='vBox__right__line'></div>
            <div class='vBox__right__titleDesc' name="intro">^intro^</div>
        </div>

    </div>
</script>

<script type="text/javascript">
var TicketTemplate={
    itemTemplate1: $("#itemTicketTemplate1").html(),
    itemTemplate2: $("#itemTicketTemplate2").html(),
    itemTemplate3: $("#itemTicketTemplate3").html()
};
/**
 * item获取新的id
 */
TicketTemplate.newCount = function () {
    if(this.count == undefined){
        this.count = 0;
    }
    this.count = this.count + 1;
};
</script>
<style>

    /* 优惠券 s */
    .classify{
        font-size:12px;
        width:50px;
        height:20px;
        line-height: 20px;
        text-align: center;
        border-radius: 4px;
        display: inline-block;
    }
    .classify__new{
        color:#f3584b;
        background: rgba(243,88,75,.26);
    }
    .classify__second{
        color:#86a6ff;
        background: rgba(134,166,255,.26);
    }
    .classify__upkeep{
        color:#ffcd87;
        background-color: rgba(255,205,135,.26);
    }
    .classify__triangle__new{
        background: #AF0E00;
    }
    .classify__triangle__second{
        background: #0034C4;
    }
    .classify__triangle__upkeep{
        background: #BD6F00;
    }
    .classify__leftBg__new{
       background-color: #f3584b;
    }
    .classify__leftBg__second{
        background-color: #5471C2;
    }
    .classify__leftBg__upkeep{
        background-color: #F0A233;
    }
    /* 优惠券 e */

</style>